<html>
<head>
<title>Social Sharer Widget Generator For Blogger</title>
<style type="text/css">
.input-text,.text-input, .select-box{
        margin:0 2px;
        padding:4px 6px;
        border: 1px solid #f9780e;

        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-family: gergia;
        font-style: italic;

        -webkit-box-shadow: 1px 1px 1px #dfdfdf;
        -moz-box-shadow: 1px 1px 1px #dfdfdf;
        box-shadow: 1px 1px 1px #dfdfdf;
        font-size: 14px;
        color: #666;
        max-width:auto;
}
body { font-family: verdana, arial;margin: 0;padding: 0;text-align: left;font-size:18px;}
#outer-wrapper {font-family: verdana, arial;}
#content-wrapper { width: 96%; max-widtd:975px;  margin: 0 auto;  padding: 5px;  text-align: left;  background-color: #ffffff;
background:#ffffff;
border:2px solid #000000;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #000000;font-size:16px;color:#fff;border:1px solid #fff;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

</style>
<script type="text/javascript">
function bloggertrickscodegen(){
document.getElementsByName("go")[0].disabled=false;
document.getElementsByName("gen")[0].disabled=true;
var btErsss=document.getElementsByName("rsss")[0].value;
var btEgps=document.getElementsByName("gps")[0].value;
var btEtwi=document.getElementsByName("twi")[0].value;
var btEfb=document.getElementsByName("fb")[0].value;
var widget=document.getElementsByName("widget.content")[0];
widget.value="<style type=\"text\/css\">.btbar .bt-credit{}.btbar .bt-credit a{float:right;font-size:10px;font-weight:bold;text-shadow:1px 1px white;color:#1E598E;text-decoration:none;}.btbar h2{background:URL(http:\/\/4.bp.blogspot.com\/-rTJyunINzZU\/T3az1HuqkTI\/AAAAAAAAAVk\/1ZGPKzg5BRA\/s1600\/%5Bbloggertricks.biz%5Dsubscribe.gif) no-repeat;height:50px;margin:0px 0 0px 0;padding:0px 20px 0px 0px;font-size:0px;font-family:Sans-serif, Arial, Helvetica;font-weight:bold;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 0 #fff;}.btbar .count{color:#F17C18;font-size:14px;font-weight:bold;font-family:Helvetica, Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0px 0 4px;margin:0;}.btbar .count span.bigcount{color:#F17C18;font-size:24px;font-family:Helvetica, Arial;line-height:39px;vertical-align:middle;margin:0px;padding:10px 0px 0px 0;}.btbar .subicons{border-bottom:1px solid #e6e6e6;margin:0px 0 0px 0;float:left;width:300px;font-family:Helvetica, Arial;font-size:12px;}.btbar .subicons a{text-decoration:none;color:#333333;}.btbar .subicons a:hover{text-decoration:underline;color:#333333;}.btbar .subicons .rssicon{border-right:1px solid #e6e6e6;background:url(http:\/\/2.bp.blogspot.com\/-kWkuwqsieFY\/T3azz-TduAI\/AAAAAAAAAVc\/4bruSAPLPJA\/s1600\/%5Bbloggertricks.biz%5D4in1.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.btbar .subicons .googleicon{border-right:1px solid #e6e6e6;background:url(http:\/\/2.bp.blogspot.com\/-kWkuwqsieFY\/T3azz-TduAI\/AAAAAAAAAVc\/4bruSAPLPJA\/s1600\/%5Bbloggertricks.biz%5D4in1.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.btbar .subicons .fbicon{border-right:1px solid #e6e6e6;background:url(http:\/\/2.bp.blogspot.com\/-kWkuwqsieFY\/T3azz-TduAI\/AAAAAAAAAVc\/4bruSAPLPJA\/s1600\/%5Bbloggertricks.biz%5D4in1.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.btbar .subicons .twittericon{background:url(http:\/\/2.bp.blogspot.com\/-kWkuwqsieFY\/T3azz-TduAI\/AAAAAAAAAVc\/4bruSAPLPJA\/s1600\/%5Bbloggertricks.biz%5D4in1.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.btbar .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.btbar .emailsub .emailicon{background:url(http:\/\/www.fordfarmhouse.com\/images\/email.png) no-repeat 0 2px;float:left;padding:0px 15px 0px 50px;margin:0 0 0 5px;width:300px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.btbar .emailsub .emailupdatesform{margin:15px 0 5px 5px;width:300px;float:left;}.btdbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;\/*border-radius*\/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.btbar .emailsub .emailupdatesform input.joinemailupdates{\/*linear-gradient*\/background:-webkit-gradient(linear,left top,left bottom,color-stop(#F9EAD4,0),color-stop(#F9780E,1));background:-webkit-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-moz-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-o-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:linear-gradient(top,#000000 0%,#000000 100%);background:-webkit-gradient(linear,left top,left bottom,from(#000000),to(#000000));border:1px solid #F9780E;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;\/*border-radius*\/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}<\/style><div class=\"btbar\"><h2 class='title'>Subscribe Now!<\/h2><div class=\"count\"><span class=\"bigcount\"><a rel=\"nofollow\" href=\"http:\/\/feeds.feedburner.com\/"+btErsss+"\"><img style=\"border:0\" alt=\"\" src=\"http:\/\/feeds.feedburner.com\/%7Efc\/"+btErsss+"?bg=F2F2F2&amp;fg=666&amp;anim=1\" height=\"26\" width=\"88\" \/><\/a> <\/span>Learn Free Pro Tricks daily <\/div><div class=\"subicons\"><div class=\"rssicon\">&nbsp;<a rel=\"nofollow\" href=\"http:\/\/feeds.feedburner.com\/"+btErsss+"\" target=\"_blank\">  RSS<\/a><\/div><div class=\"googleicon\">&nbsp;<a href=\""+btEgps+"\" rel=\"author\" target=\"_blank\"> G+<\/a><\/div><div class=\"fbicon\"> &nbsp;<a href=\""+btEfb+"\" target=\"_blank\" rel=\"nofollow\">FB<\/a><\/div><div class=\"twittericon\">&nbsp;<a href=\""+btEtwi+"\" target=\"_blank\" rel=\"nofollow\">Twitter<\/a><\/div><\/div><div class=\"emailsub\"><div class=\"emailicon\"><p style=\" width:270px; color:#3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial;  padding:0; margin:0;\">Receive Our All Updates  In Your Inbox by &nbsp; &nbsp; submitting your Email ID below.<\/p><\/div><div class=\"emailupdatesform\"><form action=\"http:\/\/feedburner.google.com\/fb\/a\/mailverify\" method=\"post\" target=\"popupwindow\" onsubmit=\"window.open('http:\/\/feedburner.google.com\/fb\/a\/mailverify?uri="+btErsss+"', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true\"><input gtbfieldid=\"10\" class=\"emailupdatesinput\" name=\"email\" value=\"Enter your email here...\" onblur=\"if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}\" onfocus=\"if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}\" type=\"text\" \/><input value=\""+btErsss+"\" name=\"uri\" type=\"hidden\" \/><input value=\"Submit\" class=\"joinemailupdates\" type=\"submit\" \/><\/form><\/div><a href=\"http://www.bloggertricks.biz/2012/03/add-beautiful-social-sharing-widget-for.html\" style=\"float:right\">|Grab This|<\/a><\/div> <\/div>"}
function bloggertricksReset(){
document.getElementsByName("fb")[0].value="https://www.facebook.com/bloggertricksdotbiz";
document.getElementsByName("gps")[0].value="https://plus.google.com/110100302012846213219";
document.getElementsByName("twi")[0].value="https://www.twitter.com/jackievijay143";
document.getElementsByName("rsss")[0].value="Bloggertricks/BTVJ";
document.getElementsByName("go")[0].disabled=true;
document.getElementsByName("gen")[0].disabled=false}
</script>
</head>
<body>
<div id='content-wrapper'>
<h2>Social Sharer Widget Generator For Blogger</h2>
<fieldset class='redi' style='border:1px solid #7F9DB9;'><legend class='redi' align='left' style='border:1px solid #7F9DB9;padding:3px 10px;margin-left:20px;'><b>Settings</b></legend></fieldse>
<form method="post" action="http://www.blogger.com/add-widget" target="_blank">
<table width="100%">
<tr>
<td width='40%'><label for='fb'> Your Facebook Page URL</label></td>
<td width='60%'><input class='text-input' type='text' name='fb' value='https://www.facebook.com/Bloggertricksdotbiz' size='40'></td>
</tr>
<tr>
<td width='40%'><label for='gps'>Your Google+ Profile Url</label></td>
<td width='60%'><input class='text-input' type='text' name='gps' value='https://plus.google.com/110100302012846213219' size='40'></td>
</tr>
<tr>
<td width='40%'><label for='twi'>Your Twitter URL</label></td>
<td width='60%'><input class='text-input' type='text' name='twi' value='https://www.twitter.com/jackievijay143' size='40'></td>
</tr>
<tr>
<td width='40%'><label for='rsss'>Your Feedburner ID</label></td>
<td width='60%'><input class='text-input' type='text' name='rsss' value='Bloggertricks/BTVJ' size='30'></td>
</tr>
</table>
</fieldset>
<br></fieldset><br>
<input name="infoUrl" type="hidden" value="http://bloggertricks.biz/ type="hidden">
<input name="logoUrl" type="hidden" value="http://1.bp.blogspot.com/-1wqrOwvmfZU/T1xRvSHnxFI/AAAAAAAAANE/IK2rvm77hAc/s1600/bt1000.png" type="hidden">
<center><input name="gen" style="width:100px;margin-right:5px;" value="Generate" onclick="javascript:bloggertrickscodegen();" type="button"><input style="width:100px;" value="Reset" onclick="javascript:bloggertricksReset();" type="button"><br>
<input style="width:205px;margin-top:5px;font-weight:bold;font-size:18px;" disabled="disabled" name="go" value="Add to Blogger" type="submit"><br>
<textarea name="widget.content" style="width:0px;height:0px;display:none;"></textarea>
</center></form><br>
</body></html>

